<template>
  <div id="app">
    <router-view />
    <van-tabbar active-color="#dd1a21" v-model="active" v-if="!route.meta.isHidden">
      <van-tabbar-item icon="wap-home-o" to="/">首页</van-tabbar-item>
      <van-tabbar-item icon="apps-o" to="/item/cateList">分类</van-tabbar-item>
      <van-tabbar-item icon="bag-o" to="/topic/index">值得买</van-tabbar-item>
      <van-tabbar-item icon="shopping-cart-o" to="/cart">购物车</van-tabbar-item>
      <van-tabbar-item icon="manager-o" to="/ucenter">个人</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import { useRoute } from "vue-router";
const route = useRoute()

const active = ref(0);
</script>
